<?php global $_; ?>
<div class="row">
    <div class="alert alert-info pb">
        <h3><?= $_->t('Attribut');?></h3>
        <span class="code pl"><?= $_->t('Datentyp');?></span>
        <div class="well">
            <?= $_->t('Options entspricht Defaults');?><br />
            <?= $_->t('Map Init Parameter (Options) überschreiben Map Defaults');?><br />
            <?= $_->t('Map Data Settings überschreiben Map Init Parameter (Options) und Map Defaults');?><br />
            <?= $_->t('kein');?> <span class="code">$.extend()</span> <?= $_->t('bei');?> <span class="code">.mapStyles</span>, <?= $_->t('Feld wird komplett überschrieben');?><br />
        </div>
        <span class="code pl">Defaults</span>
    </div>
</div>

<div class="row-fluid">
    <h3>options.data</h3>
    <pre class="prettyprint linenums lang-js">
array, Json</pre>
    <div class="well">
        <?= $_->t('Die Karten-Daten als Json');?>
    </div>
    <pre class="prettyprint linenums lang-js">siehe mapdata</pre>
</div>

<div class="row-fluid">
    <h3>options.name</h3>
    <pre class="prettyprint linenums lang-js">
string</pre>
    <div class="well">
        <?= $_->t('Der Name (Label) der Map');?>
    </div>
    <pre class="prettyprint linenums lang-js">"GMap"</pre>
</div>

<div class="row-fluid">
    <h3>options.imagePath</h3>
    <pre class="prettyprint linenums lang-js">
string</pre>
    <div class="well">
        <?= $_->t('Der relative oder absolute Pfad aller Marker');?>
    </div>
    <pre class="prettyprint linenums lang-js">"images/"</pre>
</div>

<div class="row-fluid">
    <h3>options.markerIcon</h3>
    <pre class="prettyprint linenums lang-js">
string</pre>
    <div class="well">
        <?= $_->t('Standard Marker-Icon Bild');?>
    </div>
    <pre class="prettyprint linenums lang-js">"marker_plus.png"</pre>
</div>

<div class="row-fluid">
    <h3>options.startPoint</h3>
    <pre class="prettyprint linenums lang-js">
object</pre>
    <div class="well">
        <?= $_->t('Startpunkt nach Init');?>
    </div>
    <pre class="prettyprint linenums lang-js">{
    "lat": 50.666872,
    "lng": 10.19165
}</pre>
</div>

<div class="row-fluid">
    <h3>options.startZoom</h3>
    <pre class="prettyprint linenums lang-js">
integer</pre>
    <div class="well">
        <?= $_->t('Zoomstufe bei Init');?>
    </div>
    <pre class="prettyprint linenums lang-js">5</pre>
</div>

<div class="row-fluid">
    <h3>options.startZoom</h3>
    <pre class="prettyprint linenums lang-js">
integer</pre>
    <div class="well">
        <?= $_->t('Maximale Zoomstufe, rauszoomen');?>
    </div>
    <pre class="prettyprint linenums lang-js">8</pre>
</div>

<div class="row-fluid">
    <h3>options.minZoom</h3>
    <pre class="prettyprint linenums lang-js">
integer</pre>
    <div class="well">
        <?= $_->t('Minimale Zoomstufe, reinzoomen');?>
    </div>
    <pre class="prettyprint linenums lang-js">2</pre>
</div>

<div class="row-fluid">
    <h3>options.centerOpenInfoboxOnWindowResize</h3>
    <pre class="prettyprint linenums lang-js">
boolean</pre>
    <div class="well">
        <?= $_->t('Zentriert die Karte beim offenen Marker, wenn das Fenster skaliert wird');?>
    </div>
    <pre class="prettyprint linenums lang-js">true</pre>
</div>

<div class="row-fluid">
    <h3>options.disableCustomControls</h3>
    <pre class="prettyprint linenums lang-js">
boolean</pre>
    <div class="well">
        <?= $_->t('Deaktiviert Custom Controls');?>
    </div>
    <pre class="prettyprint linenums lang-js">false</pre>
</div>

<div class="row-fluid">
    <h3>options.disableDefaultUI</h3>
    <pre class="prettyprint linenums lang-js">
boolean</pre>
    <div class="well">
        <?= $_->t('Deaktiviert Controls von Google');?>
    </div>
    <pre class="prettyprint linenums lang-js">true</pre>
</div>

<div class="row-fluid">
    <h3>options.streetViewControl</h3>
    <pre class="prettyprint linenums lang-js">
boolean</pre>
    <div class="well">
        <?= $_->t('Aktiviert Streetview grundstätzlich und zeigt Controls (links oben)');?>
    </div>
    <pre class="prettyprint linenums lang-js">false</pre>
</div>

<div class="row-fluid">
    <h3>options.mapTypeControl</h3>
    <pre class="prettyprint linenums lang-js">
boolean</pre>
    <div class="well">
        <?= $_->t('Controls zum Umstellen zwischen Satellitenbild und Custom Map');?>
    </div>
    <pre class="prettyprint linenums lang-js">false</pre>
</div>

<div class="row-fluid">
    <h3>options.mapTypeId</h3>
    <pre class="prettyprint linenums lang-js">
string</pre>
    <div class="well">
        <?= $_->t('mapTypeId von Google Maps');?>, <a href="https://developers.google.com/maps/documentation/javascript/maptypes" class="btn btn-xs btn-primary" target="_blank">Google Docu</a>
    </div>
    <pre class="prettyprint linenums lang-js">"hybrid"</pre>
</div>

<div class="row-fluid">
    <h3>options.scrollWheel</h3>
    <pre class="prettyprint linenums lang-js">
boolean</pre>
    <div class="well">
        <?= $_->t('Aktiviert / Deaktiviert das Scrollrad an der Maus');?>
    </div>
    <pre class="prettyprint linenums lang-js">false</pre>
</div>


<div class="row-fluid">
    <h3>options.mapStyles</h3>
    <pre class="prettyprint linenums lang-js">
array</pre>
    <div class="well">
        <?= $_->t('Format Styled Maps, Google Maps Style Wizard');?>
    </div>
    <pre class="prettyprint linenums lang-js">[{
    "featureType" : "water",
    "stylers" : [{
        "color" : "#b3d0de"
    }]
}, {
    "featureType" : "landscape",
    "stylers" : [{
        "color" : "#ffffff"
    }]
}, {
    "featureType" : "road",
    "stylers" : [{
        "visibility" : "off"
    }]
}, {
    "featureType" : "transit",
    "stylers" : [{
        "visibility" : "off"
    }]
}, {
    "featureType" : "landscape.natural.terrain",
    "elementType" : "geometry",
    "stylers" : [{
        "visibility" : "off"
    }]
}, {
    "featureType" : "administrative.province",
    "stylers" : [{
        "visibility" : "off"
    }]
}, {
    "featureType" : "poi",
    "stylers" : [{
        "visibility" : "off"
    }]
}, { }]</pre>
</div>

<div class="row-fluid">
    <h3>options.infoBox</h3>
    <pre class="prettyprint linenums lang-js">
object</pre>
    <div class="well">
        <?= $_->t('Das Options-Objekt für die Infobox');?>
    </div>
    <pre class="prettyprint linenums lang-js">{}</pre>
</div>

<div class="row-fluid level2">
    <h3>options.infoBox.openOn</h3>
    <pre class="prettyprint linenums lang-js">
string</pre>
    <div class="well">
        <?= $_->t('Öffnet eine Infobox bei Klick oder Hover');?> ( <span class="code">"click"</span> <?= $_->t('oder');?> <span class="code">"hover"</span> ). <?= $_->t('Wenn nur eine Infobox pro Marker genutzt wird');?>.
    </div>
    <pre class="prettyprint linenums lang-js">"click"</pre>
</div>

<div class="row-fluid level2">
    <h3>options.infoBox.click</h3>
    <pre class="prettyprint linenums lang-js">
string</pre>
    <div class="well">
        <?= $_->t('Wenn in');?> <span class="code">mapdata.info_box.my_info_box</span> <?= $_->t('festgelegt wurde, dann wird diese genommen, wenn bei');?> <span class="code">options.infoBox.click="my_info_box_click"</span> <?= $_->t('steht');?>
    </div>
    <pre class="prettyprint linenums lang-js">false</pre>
</div>

<div class="row-fluid level2">
    <h3>options.infoBox.hover</h3>
    <pre class="prettyprint linenums lang-js">
string</pre>
    <div class="well">
        <?= $_->t('Wenn in');?> <span class="code">mapdata.info_box.my_info_box</span> <?= $_->t('festgelegt wurde, dann wird diese genommen, wenn bei');?> <span class="code">options.infoBox.hover="my_info_box_hover"</span> <?= $_->t('steht');?>
    </div>
    <pre class="prettyprint linenums lang-js">false</pre>
</div>

<div class="row-fluid level2">
    <h3>options.infoBox.centerMapOnShow</h3>
    <pre class="prettyprint linenums lang-js">
boolean</pre>
    <div class="well">
        <?= $_->t('Zentriert Map beim geöffneten Marker');?>
    </div>
    <pre class="prettyprint linenums lang-js">"click"</pre>
</div>

<div class="row-fluid level2">
    <h3>options.infoBox.closeOnClickOutside</h3>
    <pre class="prettyprint linenums lang-js">
boolean</pre>
    <div class="well">
        <?= $_->t('Schliesst Infobox, wenn außerhalb dieser geklickt wurde');?>
    </div>
    <pre class="prettyprint linenums lang-js">true</pre>
</div>

<div class="row-fluid level2">
    <h3>options.infoBox.offsetX</h3>
    <pre class="prettyprint linenums lang-js">
integer</pre>
    <div class="well">
        <?= $_->t('Versetzt die Infobox horizontal um X Pixel');?>
    </div>
    <pre class="prettyprint linenums lang-js">10</pre>
</div>

<div class="row-fluid level2">
    <h3>options.infoBox.offsetY</h3>
    <pre class="prettyprint linenums lang-js">
integer</pre>
    <div class="well">
        <?= $_->t('Versetzt die Infobox vertikal um X Pixel');?>
    </div>
    <pre class="prettyprint linenums lang-js">-78</pre>
</div>

<div class="row-fluid level2">
    <h3>options.infoBox.disableAutoPan</h3>
    <pre class="prettyprint linenums lang-js">
boolean</pre>
    <div class="well">
        <?= $_->t('Deaktiviert das Mitwandern der Karte, wenn sich eine Infobox öffnet');?>
    </div>
    <pre class="prettyprint linenums lang-js">false</pre>
</div>

<div class="row-fluid level2">
    <h3>options.infoBox.zIndex</h3>
    <pre class="prettyprint linenums lang-js">
integer</pre>
    <div class="well">
        <?= $_->t('Z-Index der offenen Infobox');?>
    </div>
    <pre class="prettyprint linenums lang-js">false</pre>
</div>

<div class="row-fluid level2">
    <h3>options.infoBox.boxClass</h3>
    <pre class="prettyprint linenums lang-js">
string</pre>
    <div class="well">
        <?= $_->t('CSS-Klasse der Infoboxen');?>
    </div>
    <pre class="prettyprint linenums lang-js">"infobox"</pre>
</div>

<div class="row-fluid level2">
    <h3>options.infoBox.boxClickClass</h3>
    <pre class="prettyprint linenums lang-js">
string</pre>
    <div class="well">
        <?= $_->t('CSS-Klasse der Infoboxen bei Klick');?>
    </div>
    <pre class="prettyprint linenums lang-js">false</pre>
</div>

<div class="row-fluid level2">
    <h3>options.infoBox.boxHoverClass</h3>
    <pre class="prettyprint linenums lang-js">
string</pre>
    <div class="well">
        <?= $_->t('CSS-Klasse der Infoboxen bei Hover');?>
    </div>
    <pre class="prettyprint linenums lang-js">false</pre>
</div>

<div class="row-fluid level2">
    <h3>options.infoBox.closeBoxMargin</h3>
    <pre class="prettyprint linenums lang-js">
integer</pre>
    <div class="well">
        <?= $_->t('Abstand vom Close-Image zum Rand der Infobox');?>
    </div>
    <pre class="prettyprint linenums lang-js">0</pre>
</div>

<div class="row-fluid level2">
    <h3>options.infoBox.closeIcon</h3>
    <pre class="prettyprint linenums lang-js">
integer</pre>
    <div class="well">
        <?= $_->t('Dateiname vom Close Icon');?>
    </div>
    <pre class="prettyprint linenums lang-js">"infobox-close-icon.png"</pre>
</div>

<div class="row-fluid level2">
    <h3>options.infoBox.isHidden</h3>
    <pre class="prettyprint linenums lang-js">
boolean</pre>
    <div class="well">
        <?= $_->t('Versteckt eine Infobox');?>
    </div>
    <pre class="prettyprint linenums lang-js">false</pre>
</div>

<div class="row-fluid level2">
    <h3>options.infoBox.pane</h3>
    <pre class="prettyprint linenums lang-js">
string</pre>
    <div class="well">
        <?= $_->t('pane names are the property names for the google.maps.MapPanes object.');?> <a href="https://developers.google.com/maps/documentation/javascript/reference?hl=de#MapPanes" target="_blank"  class="btn btn-xs btn-primary">Google Docu Map Panes</a>
    </div>
    <pre class="prettyprint linenums lang-js">"floatPane"</pre>
</div>

<div class="row-fluid level2">
    <h3>options.infoBox.enableEventPropagation</h3>
    <pre class="prettyprint linenums lang-js">
boolean</pre>
    <div class="well">
        <?= $_->t('Events in der Infobox');?> <a href="https://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/reference.html" target="_blank" class="btn btn-xs btn-primary">Google Docu Infobox.js</a>
    </div>
    <pre class="prettyprint linenums lang-js">false</pre>
</div>

<div class="row-fluid level2">
    <h3>options.infoBox.isHidden</h3>
    <pre class="prettyprint linenums lang-js">
boolean</pre>
    <div class="well">
        <?= $_->t('Versteckt eine Infobox');?>
    </div>
    <pre class="prettyprint linenums lang-js">false</pre>
</div>

<div class="row-fluid level2">
    <h3>options.infoBox.content</h3>
    <pre class="prettyprint linenums lang-js">
string</pre>
    <div class="well">
        <?= $_->t('HTML-Content');?>
    </div>
    <pre class="prettyprint linenums lang-js">false</pre>
</div>

<div class="row-fluid level2">
    <h3>options.infoBox.templates</h3>
    <pre class="prettyprint linenums lang-js">
object</pre>
    <div class="well">
        <?= $_->t('Templates für die Infobox');?>
    </div>
    <pre class="prettyprint linenums lang-js">{}</pre>
</div>

<div class="row-fluid level3">
    <h3>options.infoBox.templates.triangle</h3>
    <pre class="prettyprint linenums lang-js">
string</pre>
    <div class="well">
       <?= $_->t(' Das Dreieck');?>
    </div>
    <pre class="prettyprint linenums lang-html"><?= htmlentities('<div class="triangle"></div>'); ?></pre>
</div>
<div class="row-fluid level3">
    <h3>options.infoBox.templates.heading</h3>
    <pre class="prettyprint linenums lang-js">
string</pre>
    <div class="well">
        <?= $_->t('Header');?>
    </div>
    <pre class="prettyprint linenums lang-html"><?= htmlentities('<h2>
    %%name%%
</h2>'); ?></pre>
</div>
<div class="row-fluid level3">
    <h3>options.infoBox.templates.text</h3>
    <pre class="prettyprint linenums lang-js">
string</pre>
    <div class="well">
        <?= $_->t('Textblock');?>
    </div>
    <pre class="prettyprint linenums lang-html"><?= htmlentities('<div class="text">
    %%text%%
</div>'); ?></pre>
</div>
<div class="row-fluid level3">
    <h3>options.infoBox.templates.row</h3>
    <pre class="prettyprint linenums lang-js">
string</pre>
    <div class="well">
        <?= $_->t('Link Row');?>
    </div>
    <pre class="prettyprint linenums lang-html"><?= htmlentities('<a href="%%src%%" %%external%% class="map-popover-link">
    %%text%%
</a>'); ?></pre>
</div>
<div class="row-fluid level3">
    <h3>options.infoBox.templates.footer</h3>
    <pre class="prettyprint linenums lang-js">
string</pre>
    <div class="well">
        <?= $_->t('Footer');?>
    </div>
    <pre class="prettyprint linenums lang-html">''</pre>
</div>
<div class="row-fluid level3">
    <h3>options.infoBox.templates.xhrBody</h3>
    <pre class="prettyprint linenums lang-js">
string</pre>
    <div class="well">
        <?= $_->t('Body wenn Ajax');?>
    </div>
    <pre class="prettyprint linenums lang-html"><?= htmlentities('%%content%%'); ?></pre>
</div>

<div class="row-fluid">
    <h3>options.templateMapControls</h3>
    <pre class="prettyprint linenums lang-js">
object</pre>
    <div class="well">
        <?= $_->t('Custom Controls');?>
    </div>
    <pre class="prettyprint linenums lang-js">{}</pre>
</div>

<div class="row-fluid level2">
    <h3>options.templateMapControls.body</h3>
    <pre class="prettyprint linenums lang-js">
string</pre>
    <div class="well">
        <?= $_->t('Body');?>
    </div>
    <pre class="prettyprint linenums lang-html"><?= htmlentities('<div class="custom-controls">
    %%content%%
</div>'); ?></pre>
</div>

<div class="row-fluid level2">
    <h3>options.templateMapControls.move</h3>
    <pre class="prettyprint linenums lang-js">
string</pre>
    <div class="well">
        <?= $_->t('Karte Bewegen UI');?>
    </div>
    <pre class="prettyprint linenums lang-html"><?= htmlentities('<div class="move">
    <a href="javascript:;" class="toleft"></a>
    <a href="javascript:;" class="toright"></a>
    <a href="javascript:;" class="toup"></a>
    <a href="javascript:;" class="todown"></a>
</div>'); ?></pre>
</div>
<div class="row-fluid level2">
    <h3>options.templateMapControls.zoom</h3>
    <pre class="prettyprint linenums lang-js">
string</pre>
    <div class="well">
        <?= $_->t('Zoom UI');?>
    </div>
    <pre class="prettyprint linenums lang-html"><?= htmlentities('<div class="zoom">
    <a href="javascript:;" class="zoom-in"></a>
    <a href="javascript:;" class="zoom-out"></a>
</div>'); ?></pre>
</div>
<div class="row-fluid level2">
    <h3>options.templateMapControls.type</h3>
    <pre class="prettyprint linenums lang-js">
string</pre>
    <div class="well">
        <?= $_->t('Wechsel zwischen mapTypeId');?>
    </div>
    <pre class="prettyprint linenums lang-js">''</pre>
</div>
